<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>托管</title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			body {
				background: #000;
				height: 100%;
				min-height: 100vh;
			}
			
			header {
				width: 100%;
				height: 1.33rem;
				background: #3a3f43;
			}
			
			.header {
				width: 100%;
				height: 1.33rem;
				position: fixed;
				top: 0;
				left: 0;
				display: flex;
				padding: 0 0.46rem;
				box-sizing: border-box;
				justify-content: space-between;
				align-items: center;
				background: #3a3f43;
				z-index: 99;
				box-shadow: none;
			}
			
			.header h2 {
				width: 3.82rem;
				background: -webkit-linear-gradient(top, #fbed21, #fab538);
				height: 1.06rem;
				border-radius: 1.33rem;
				margin: auto;
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: initial;
			}
			
			.header span {
				font-size: 17px;
				color: #000;
				font-family: 'Helvetica Neue', Helvetica, sans-serif;
			}
			
			.header a {
				color: #fff;
			}
			
			.user {
				width: 100%;
				height: 3.6rem;
				background: #1f2329;
			}
			
			.user_name {
				width: 100%;
				height: 2.96rem;
				background: #f6cd47;
				padding: 0 0.46rem;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
			}
			
			.user_name figure {
				margin: 0;
				display: flex;
			}
			
			.user_name figure img {
				margin: auto;
				width: 1.33rem;
				height: 1.33rem;
			}
			
			.user_name .c_asset {
				color: #444;
				flex: 1;
				margin-left: 0.46rem;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			
			.user_name .c_asset p {
				font-size: 0.37rem;
				color: #444;
				margin: 0;
				line-height: 1.5;
				font-weight: bolder;
			}
			.user_name .c_asset p b.zichan{
				background:#333;color:#f6cd47;
			}
			.user_name .c_asset p span {
				font-size: 14px;
				color: #000;
				padding: 0.02rem 0.08rem .02rem .04rem;
				box-sizing: border-box;
			}
			
			.user_name .c_asset p span i {
				color: #f6cd47;
				font-size: 0.4rem;
			}
			
			.user_name .c_asset .money {
				color: #000;
				font-size: 0.42rem;
			}
			
			.yutuo {
				display: flex;
				width: 100%;
			}
			
			.yutuo span {
				font-size: 0.32rem;
				color: #333;
				margin-right: 0.4rem;
			}
			
			.dizhi {
				width: 100%;
				font-size: 0.29rem;
				color: #444;
			}
			
			.zhinan {
				display: block;
				width: 100%;
				text-align: right;
				line-height: 0.64rem;
				padding-right: 0.4rem;
				box-sizing: border-box;
				color: #f6cd47;
			}
			
			.chongzhi_menu {
				display: flex;
				padding: .2rem 0.4rem;
				box-sizing: border-box;
				background: #000;
				flex-wrap: wrap;
				/*justify-content: space-between;*/
				align-items: center;
				height: 2.5rem;
			}
			
			.chongzhi_menu a {
				width: 32%;
				height: 0.8rem;
				background: #1f2329;
				border-radius: 0.04rem;
				text-align: center;
				line-height: .8rem;
				color: #dcdcdc;
				margin-right: 1.3%;
			}
			
			.chongzhi_menu a.active {
				background: #F6CD47;
				color: #fff;
			}
			
			.plause {
				width: 94%;
				padding: 0 0.4rem;
				box-sizing: border-box;
				background: #1F2329;
				height: 1.3rem;
				color: #ACB8AA;
				font: 0.36rem / 1.3rem "微软雅黑";
				border-bottom: 1px dashed #ACB8AA;
			}
			
			.kapshul span {
				padding: 10px 15px;
			}
			
			.tishi {
				width: 100%;
				/*height: 0.56rem;*/
				line-height: .56rem;
				font-size: 0.24rem;
				margin: 0.13rem 0;
				padding: 0 0.4rem;
				/*white-space: nowrap;*/
				/*background: #000;*/
			}
			
			.jiaoyipd {
				display: flex;
			}
			
			.jiaoyipd input {
				outline: none;
				border: 0;
				background: none;
				flex: 1;
				font-size: .36rem;
				margin: 0;
				height: auto;
				line-height: 1.5;
			}
			
			.button {
				width: 100%;
				padding: 0 0.4rem;
				margin-top: 0.26rem;
			}
			
			.btn {
				width: 100%;
				height: 0.86rem;
				margin: auto;
				display: block;
				border: 0;
				outline: none;
				background: -webkit-linear-gradient(top, #fbed21, #fab538);
				color: #000;
			}
			
			.mui-content {
				background: none;
			}
			
			.mr3{margin-left:3%;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav home_top header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h2><span lang>链托管(KAP)</span></h2>
			<a class="title_right" id="tuoguan_order" lang>KAP明细</a>
		</header>
		<div class="mui-content">
			<section class="user">
				<div class="user_name">
					<figure style="display: none;">
						<img src="../../img/logo.png" alt="touxiang" />
					</figure>
					<div class="c_asset">
						<p lang><span><b class="zichan"><i class="mui-icon mui-icon-person"></i>可交易资产:</b></span></p>
						<span class="money" id="balance3" style="font-weight: bolder;font-size: 26px;">0.00000</span>
						<div class="yutuo" style="font-size: 13px;color:#000;">
							<p><span><b lang>托管中</b></span></p><span id="balance1" style="font-size: 14px;font-weight: bold;">0.0000</span><b lang>托管总量：</b>
							<span id="pay_money" style="font-size: 14px;font-weight: bold;">0.0000</span>
						</div>
						<div class="dizhi" lang><b lang>钱包地址：</b><span id="address"></span></div>
					</div>
				</div>
				<a class="zhinan" id="zhinan" lang>托管细则></a>
			</section>
			<section class="kapshul plause mr3" style="margin-top:10px;display:none;" lang>
				美元汇率<span id="exchange_rate">0.0000</span>
			</section>
			<section class="kapshul plause mr3" style="margin-top:10px;">
				<b lang>KAP价格</b><span id="kap_price">0.0000</span>$
			</section>
			<section class="kapshul plause mr3" lang>
				<b lang>KAP数量</b><span id="kap_count">0.0000</span>
			</section>
			<section class="kapshul plause mr3" lang>
				<b lang>托管余额</b><span id="tg_count">0.0000</span>
			</section>

			<section class="chongzhi_menu" id="mytradelist">
				<script id='list-template' type="text/template">
					<% for(var i in tradelist){ var trade=tradelist[i]; %>
					<a id="<%=(trade.money)%>">
						<%=(trade.name)%>
					</a>
					<% } %>
				</script>
			</section>
			<p class="tishi" lang>温馨提示：请详细阅读链托管余额产出KAP细则后，参与托管。</p>
			
			<section class="jiaoyipd plause mr3">
				<label lang>交易密码</label>
				<input type="password" placeholder="请输入交易账户密码" id="password_account">
			</section>

			<section class="button">
				<button class="btn" id="tijiao" lang>确定</button>
			</section>
			<p class="tishi" lang>请确保你的KAP账户有足够的余额，以免影响你的托管。</p>
		</div>
		<script src="../../js/arttmpl.js"></script>
		<script src="../../js/md5.min.js"></script>
		<script src="../../lang/pages.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../resource/wallet/chainasset.js"></script>
	</body>
	<script>
		! function() {
			var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}",
				b = document.createElement("style");
			if(document.getElementsByTagName("head")[0].appendChild(b), b.styleSheet) b.styleSheet.disabled || (b.styleSheet.cssText = a);
			else try {
				b.innerHTML = a
			} catch(c) {
				b.innerText = a
			}
		}();
		! function(a, b) {
			function c() {
				var b = f.getBoundingClientRect().width;
				b / i > 540 && (b = 540 * i);
				var c = b / 10;
				f.style.fontSize = c + "px", k.rem = a.rem = c
			}
			var d, e = a.document,
				f = e.documentElement,
				g = e.querySelector('meta[name="viewport"]'),
				h = e.querySelector('meta[name="flexible"]'),
				i = 0,
				j = 0,
				k = b.flexible || (b.flexible = {});
			if(g) {
				console.warn("将根据已有的meta标签来设置缩放比例");
				var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
				l && (j = parseFloat(l[1]), i = parseInt(1 / j))
			} else if(h) {
				var m = h.getAttribute("content");
				if(m) {
					var n = m.match(/initial\-dpr=([\d\.]+)/),
						o = m.match(/maximum\-dpr=([\d\.]+)/);
					n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((1 / i).toFixed(2)))
				}
			}
			if(!i && !j) {
				var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
					q = a.devicePixelRatio;
				i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
			}
			if(f.setAttribute("data-dpr", i), !g)
				if(g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content", "initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f.firstElementChild) f.firstElementChild.appendChild(g);
				else {
					var r = e.createElement("div");
					r.appendChild(g), e.write(r.innerHTML)
				}
			a.addEventListener("resize", function() {
				clearTimeout(d), d = setTimeout(c, 300)
			}, !1), a.addEventListener("pageshow", function(a) {
				a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
			}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener("DOMContentLoaded", function() {
				e.body.style.fontSize = 12 * i + "px"
			}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function(a) {
				var b = parseFloat(a) * this.rem;
				return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
			}, k.px2rem = function(a) {
				var b = parseFloat(a) / this.rem;
				return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
			}
		}(window, window.lib || (window.lib = {}));
	</script>

</html>